<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="app">
        <div class="main">
         <div class="main-react">
             <div class="item"><img class="logo" src="https://fecdn.luogu.com.cn/columba/static.08b304e3faa27052.logo-full.png" alt="" ></div>
             <div class="item" style="height: 8%;">
                <h2 class="check-in-h22" >注册账号</h2>
            </div>
          
            <div class="item">
                <form action="" class="form">
                <div class="lauth">
                <div class="top">
                    <div class="menu">
                    <div class="menu-item menu-item-active"><p class="menu-item-p">邮箱</p></div>
                    <div class="menu-item"><p class="menu-item-p">手机号</p></div>
                </div>
                </div>
<div class="l-form">
<span class="l-form-name">用户名</span>
<div  class="name11"> <input type="text" placeholder="6至16位,建议大小写字母、数字" name="username">
    <span class="spann"></span>
</div>
</div>
<div class="l-form-pass">
    <span class="l-form-pass-name">密码</span>
    <div class="l-form-pass-pass">
        <div class="l-form-pass-input"><input name="password" class="pasw1" type="password" placeholder="密码">
            <span class="span1 spann"></span>
        </div> 
 <div class="l-form-pass-input">
    <input type="password" class="pasw1" placeholder="再次输入密码" name="password1">
 <span class="span1 spann"></span>
 </div>
   
    </div>
    
    <div class="l-form-pass-email">
        <span class="email">邮箱</span>
        <input type="email" placeholder="邮箱" class="paswd" name="email">
        <span class="email-span spann"></span>
    </div>
    <div class="l-form-pass-mobile">
        <span class="email1">手机号</span>
        <input type="tel" placeholder="手机号" class="paswd" name="mobile">
        <span class="email-span spann"></span>
    </div>
</div>


                </div>
                <div class="zhucediv"><button class="zhuce" type="submit">注册</button></div>
        </form>

</div>
        </div>
    </div>
    </div>
    
  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.8/axios.min.js"></script>
    <script src="./注册.js"></script>
            </body>
</html>